<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <title>自助小程序登录</title>

    <!-- Favicons -->
    <link rel="shortcut icon" href="../static/img/icon.ico" type="image/x-icon"/>

    <!-- Bootstrap core CSS -->
    <link href="../static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!--external css-->
    <link href="../static/lib/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <!-- Custom styles for this template -->
    <link href="../static/css/style.css" rel="stylesheet">
    <link href="../static/lib/toastr-2.1.4-7/toastr.min.css" rel="stylesheet">

</head>

<body>
<!-- **********************************************************************************************************************************************************
MAIN CONTENT
*********************************************************************************************************************************************************** -->
<div id="login-page" style="padding-top: 6%;">
    <div class="container">
        <form class="form-login" id="login_form">
            <input style="display: none" id="verify_flag" name="verify_flag" value="0">
            <h2 class="form-login-heading" style="background-color:#4C4C4C;">登录</h2>
            <div class="login-wrap">
                <input type="text" class="form-control" name="userName" id="userName" placeholder="账号" autofocus
                       required>
                <br>
                <input type="password" class="form-control" name="Password" id="Password" placeholder="密码"
                       required><br/>
                {{/*<label class="form-inline">
                    <input type="text" name="captchaCode" id="captchaCode" class="form-control" placeholder="验证码"
                           required>&nbsp;&nbsp;
                    <img src="/captcha/{{.CaptchaId}}.png" style="height: 38px;width: 38%"
                         id="rcCaptcha-img" alt="验证码过期,请刷新页面!"
                         title="点击更换验证码" onclick="login.changeImg();"/>
                    <input value="{{.CaptchaId}}" id="captchaId" type="hidden"/>
                </label><br/>*/}}
                <label class="form-inline">
                    <input type="text" class="form-control" name="phoneCode" id="phoneCode" placeholder="手机验证码"
                           required>&nbsp;&nbsp;
                    <button class="btn btn-info" type="button" style="background-color: #4C4C4C"
                            onclick="login.getPhone()">发送验证码
                    </button>
                </label><br/>
                <button class="btn btn-info btn-block" style="background-color: #4C4C4C" id="btn_submit"
                        onclick="login.login_action()" type="button">
                    <i class="fa fa-lock"></i>登录
                </button>
                <hr>
                <div class="registration">
                    欢迎登录自助小程序，本站不提供对外注册功能，账号和密码请向管理员索要！<br/>
                </div>
            </div>
        </form>
    </div>
</div>
<!--footer start-->
<footer class="site-footer" style="position: absolute;bottom: 0px;width: 100%;background-color: #4C4C4C;">
    <div class="text-center">
        <p>
            &copy; Copyrights <strong>Joker</strong>. All Rights Reserved.
        </p>
    </div>
</footer>
<!--footer end-->
<!-- js placed at the end of the document so the pages load faster -->
<script src="../static/lib/jquery/jquery.min.js"></script>
<script src="../static/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="../static/lib/toastr-2.1.4-7/toastr.min.js"></script>
<script src="../static/lib/sweetalert.min.js"></script>
<script src="../static/js/login.js"></script>
<!--BACKSTRETCH-->
<!-- You can use an image of whatever size. This script will stretch to fit in any screen size.-->
<script type="text/javascript" src="../static/lib/jquery.backstretch.min.js"></script>
<script type="application/javascript">
    $(function () {
        //背景
        // $.backstretch("./static/img/login-bg.jpg", {
        //     speed: 500
        // });

        //弹出层
        toastr.options.positionClass = 'toast-top-center';

        //验证码
        $("#captchaCode").blur(function () {
            login.verifyCaptchaId();
        });

        //提交回车键
        $(document).keydown(function (e) {
            if (e.keyCode == "13") {
                $("#btn_submit").click();
            }
        });
    });
</script>
</body>

</html>